<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-3.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

  <head>
    <title>Blog</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
	<script src="../assets/js/bootstrap-collapse.js"></script>
    <div th:remove="tag" th:include="navbar::head"></div>
    <style>
		body{
			background: url('../images/wood_pattern.png');
		}
		#mySpan{
				background: white;
  				padding-top: 20px;
  				padding-left:10px;
			}
		/*#myRow{
			background:blue;
		}*/
	</style>
  </head>

  <body>
	<div th:include="navbar::copy" th:remove="tag"></div>
    
  	
  	<div class="container">
  		<div id="myRow" class="row">
  		
  		<div id="mySpan" class="span8">
  			<div class="span7" th:each="blog : ${blogs}">
  				<h2 th:utext="${blog.title}">title</h2>
				<p th:utext="${blog.content}">content</p>
				
<!-- 				<p><a class="btn btn-info">Read More </a></p> -->

				<br/>
				<hr />
				
			</div><!--/span-->
			
  		</div>
  		
  		
  		<div  class="span2">
			<a class="btn btn-danger btn-large" href="/blog/edit">Create New</a>
  		</div>
  		
  		</div>
  	</div>

  </body>
  
</html>

